Vue ライフサイクルフック

create

mount

update

unmount

etc...

その過程でライフサイクルフックと呼ばれる関数も実行される

ユーザーは特定の段階で独自のコードを実行することができる

onMounted() フックは、コンポーネントが最初のレンダリングを終了し、 DOM ノードを生成した後

code:vue

import { onMounted } from "vue";

onMounted(() => console.log("mounted"));

</script>

よく使用されるのは onMounted(), onUpdated(), onUnmounted() など

ライフサイクルフックの一覧

onMounted()

onUpdated()

onUnmounted()

onBeforeMount()

onBeforeUpdate()

onBeforeUnmount()

onErrorCaptured()

onRenderTracked()

onRenderTriggered()

onActivated()

onDeactivated()

onServerPrefetch()